﻿<%@ Page Title="Authorized Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="AuthorizerForm.aspx.cs" Inherits="StampController.Pages.AuthorizerForm" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <%= WebExtensions.CombresLink("uploadCss") %>
    <%= WebExtensions.CombresLink("authorizedItemJs")%>
    <style type="text/css">
        .datepicker
        {
            width: 120px;
        }
        
        .timepicker
        {
            width: 60px;
        }
        
        .ui-datepicker-trigger
        {
            background-color: transparent;
            background-image: url(/images/timepicker.png);
            background-position: -13px -4215px;
            border: none;
            height: 28px;
            overflow: hidden;
            width: 20px;
        }
        
        .ui-datepicker-trigger:hover
        {
            background-position: -63px -4215px;
        }
        
        .timepicker_button_trigger
        {
            background-image: url(/images/timepicker.png);
            background-position: -13px -4254px;
            display: inline-block;
            height: 28px;
            overflow: hidden;
            position: relative;
            width: 20px;
        }
        
        .timepicker_button_trigger:hover
        {
            background-position: -63px -4254px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="form">
        <header><h2>Authorized Form</h2>
            </header>
        <div>
            <asp:Label ID="Label3" runat="server" AssociatedControlID="ddlAuthorizedPerson" Text="Authorized Person:"></asp:Label>
            <div>
                <asp:DropDownList ID="ddlAuthorizedPerson" CssClass="authorizedPerson" runat="server">
                </asp:DropDownList>
            </div>
        </div>
        <div>
            <label for="from-date">
                Start Date:</label>
            <div>
                <input id="from-date" class="from datepicker" />
                <input id="fromTime" class="timepicker start" />
                <div class="timepicker_button_trigger start">
                </div>
            </div>
        </div>
        <div>
            <label for="to-date">
                End Date:</label>
            <div>
                <input id="to-date" class="to datepicker" />
                <input id="toTime" class="timepicker end" />
                <div class="timepicker_button_trigger end">
                </div>
            </div>
        </div>
        <div>
            <label for="remark">
                Remark:</label>
            <div>
                <textarea id="remark" name="remark" cols="5" rows="3" spellcheck="true"></textarea>
            </div>
        </div>
        <div class="button-group">
            <a id="submit" class="button">Save</a> <a id="reset" class="button">Reset</a>
        </div>
    </div>
</asp:Content>
